const canvasElement=document.getElementById('canvas')
console.log(canvasElement);
const ctx=canvasElement.getContext('2d')
ctx.fillStyle='#fc3'
ctx.beginPath() //开启一次路径绘制
ctx.arc(300,300,100,Math.PI,Math.PI*3/2,false)
ctx.stroke()



ctx.beginPath()
ctx.rect(100,100,300,100)//绘制矩形
ctx.stroke()
ctx.fill()

ctx.beginPath() //开启一次路径绘制
ctx.strokeStyle="#f09"
ctx.moveTo(20,20)
ctx.arcTo(320,20,420,300,300)//画弧
ctx.stroke()

